<!DOCTYPE html>
<html lang="en">
<head><title>Sample Markup</title></head>
<body>
<div>

	<div class="picker" data-ellipsis="true" data-initialize="picker" id="picker1">
		<div class="form-inline">
			<div class="form-group">
				<input class="form-control picker-trigger" type="text" placeholder="choose folder location"/>
				<input class="btn btn-default picker-trigger" type="button" value="Choose..."/>
			</div>
		</div>
		<div class="picker-popup">
			<div class="picker-header">
				<h5>Header</h5>
			</div>

			<div class="picker-body well"></div>

			<div class="picker-footer">
				<a class="picker-cancel" href="#">Cancel</a>
				<button class="btn btn-primary btn-xs picker-accept" type="button">Save</button>
			</div>
		</div>
	</div>

	<div class="picker" data-ellipsis="true" data-initialize="picker" id="picker2">
		<div class="form-inline">
			<div class="form-group">
				<input class="form-control picker-trigger" type="text" placeholder="choose folder location"/>
				<input class="btn btn-default picker-trigger" type="button" value="Choose..."/>
			</div>
		</div>
		<div class="picker-popup">
			<div class="picker-header">
				<h5>Header</h5>
			</div>

			<div class="picker-body well"></div>

			<div class="picker-footer">
				<a class="picker-cancel" href="#">Cancel</a>
				<button class="btn btn-primary btn-xs picker-accept" type="button">Save</button>
			</div>
		</div>
	</div>

</div>
</body>
</html>
